<template>
    <div class="terminal">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="设备信息" name="first">
            <Facility></Facility>
        </el-tab-pane>
        <el-tab-pane label="寄存器信息" name="second">
            <Register></Register>
        </el-tab-pane>
      </el-tabs>
    </div>
  </template>
  <script>
  import Facility from "./power/facility.vue"
  import Register from "./power/register.vue"

  export default {
    name: "Terminal",
    data() {
      return {
        activeName: "first",
  
      };
    },
    components:{Facility,Register},
    methods: {
      handleClick(tab, event) {
        console.log(tab, event);
      },
     
    },
  };
  </script>
  
  <style lang="scss" scoped>
  .alarmway {
    width: 100%;
    height: 100%;
  
    .el-tabs {
      width: 100%;
      height: 100%;
  
    }
  }
  </style>
    